﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPageMain.master"
    CodeFile="Pacientes.aspx.cs" Inherits="Pacientes" %>

<asp:Content ID="ContentPrincipal" ContentPlaceHolderID="middleContent" runat="server">
  <input type="hidden" id="status" runat="server" value="ini" />
    <div id="seleccion">
        <br />
        <div id="filtro">
            Criterio&nbsp;
            <select id="selectcampo" name="D1" runat="server">
                <option>Nombre </option>
                <option>Apellido </option>
                <option>Fecha de Nacimiento </option>
            </select>&nbsp;Filtro&nbsp;
            <input id="txtfiltro" runat="server" type="text" />&nbsp;
            <input id="btn_filtrar" type="button" value="Filtrar" style="color: #FFFFFF; background-color: #4F81BD;"
                onclick="return btn_filtrar_onclick()" /><br />
            <asp:CheckBox ID="chk_todos_pacientes" Text="Mostrar todos" runat="server" AutoPostBack="True"
                OnCheckedChanged="chk_todos_pacientes_CheckedChanged" />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <br />
            <asp:GridView ID="gridPacientes" runat="server" CellPadding="4" ForeColor="#333333"
                GridLines="None" AllowSorting="True" AutoGenerateSelectButton="True" PageSize="40"
                OnSelectedIndexChanged="gridPacientes_SelectedIndexChanged" Style="font-size: small"
                AutoGenerateColumns="False" Height="82px" Width="483px">
                <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                <Columns>
                    <asp:BoundField DataField="nombre_paciente" HeaderText="Nombre" />
                    <asp:BoundField DataField="apellido_paciente" HeaderText="Apellido" />
                    <asp:BoundField DataField="nacimiento_paciente" DataFormatString="{0:dd/MM/yyyy}"
                        HeaderText="F. de Nacimiento">
                        <HeaderStyle HorizontalAlign="Left" />
                    </asp:BoundField>
                    <asp:BoundField DataField="ID_pacientes" HeaderText="No. de Pac." />
                </Columns>
                <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="White" />
                <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                <EditRowStyle BackColor="#999999" />
                <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
            </asp:GridView>
            <br />
        </div>
    </div>
    <br />
    <br />
    <style type="text/css">
        #seleccion
        {
            position: absolute;
            border: thin groove #4F81BD;
            text-align: center;
            width: 482px;
            top: 195px;
            left: 9px;
            height: 211px;
        }
        #datos
        {
            position: absolute;
            text-align: left;
            width: 440px;
            top: 193px;
            left: 538px;
            height: 367px;
            display: block;
        }
        #btn_filtrar
        {
            height: 20px;
            width: 64px;
        }
        #filtro
        {
            width: 480px;
            margin-left: 0%;
            top: 202px;
            left: 316px;
            text-align: left;
            height: 189px;
        }
        #selectcampo
        {
            width: 100px;
        }
        #txtfiltro
        {
            width: 148px;
        }
        .style3
        {
            width: 71%;
        }
        .style5
        {
            width: 139px;
            height: 29px;
            background-color: #5D7B9D;
            color: #FFFFFF;
            font-weight: bolder;
        }
        .style6
        {
            height: 29px;
        }
        #Select1
        {
            width: 45px;
        }
        #Text4
        {
            width: 91px;
        }
    </style>

    <script language="javascript" type="text/javascript">
// <!CDATA[

function btn_filtrar_onclick() {

__doPostBack("btn_filtrar","filtro");
}

function ModificarPostBack()
{
  //document.getElementById("middleContent").
   if (document.getElementById("ctl00_middleContent_status").value == "selected")
   {
    __doPostBack('ModificarPostBack','null');
    }
    else alert("Por favor seleccione un Paciente");

}

function validar()
{
  
 if (document.getElementById("ctl00_middleContent_txtNOMBRE").value == "" || document.getElementById("ctl00_middleContent_txtAPELLIDO").value == "" || document.getElementById("ctl00_middleContent_txtDOB").value == "" || document.getElementById("ctl00_middleContent_selextSEX").value == "")
    
    {
    alert("No deje campos en blanco");
    return false;
    }
    
  return true;
}

function validartexto(id)
{

 var val = document.getElementById("ctl00_middleContent_"+id).value;

 var RegExpMin = new RegExp("[a-z]");
 var RegExpMay = new RegExp("[A-Z]");
 
 
 expr = val.charAt(val.lenght-1).toString();
 
 if (expr != "") {
 if (expr.match(RegExpMin) || expr.match(RegExpMay)) 
    {
  
    }
 else {
    alert("No introduzca caracteres fuera del alfabeto");
    document.getElementById("ctl00_middleContent_"+id).value = "";
    
    }
    }
 

}

function validarFecha(fec)
{
var fec = document.getElementById("ctl00_middleContent_"+fec).value;
     var Fecha= new String(fec)   //Crea un string  
     var RealFecha= new Date()   //Para sacar la fecha de hoy  
     // Cadena Año  
     var Ano= new String(Fecha.substring(Fecha.lastIndexOf("-")+1,Fecha.length))  
     // Cadena Mes  
     var Mes= new String(Fecha.substring(Fecha.indexOf("-")+1,Fecha.lastIndexOf("-")))  
     // Cadena Día  
     var Dia= new String(Fecha.substring(0,Fecha.indexOf("-")))  
   
     //Valido el año  
     if (isNaN(Ano) || Ano.length<4 || parseFloat(Ano)<1900){  
             alert('Año inválido')  
         
     }  
     // Valido el Mes  
     if (isNaN(Mes) || parseFloat(Mes)<1 || parseFloat(Mes)>12){  
         alert('Mes inválido')  
          
     }  
     // Valido el Dia  
     if (isNaN(Dia) || parseInt(Dia, 10)<1 || parseInt(Dia, 10)>31){  
         alert('Día inválido')  
         //return false  
     }  
     if (Mes==4 || Mes==6 || Mes==9 || Mes==11 || Mes==2) {  
         if (Mes==2 && Dia > 28 || Dia>30) {  
             alert('Día inválido')  
            // return false  
         }  
     }  
       
   //para que envie los datos, quitar las  2 lineas siguientes  
   alert("Fecha correcta.")  
      
 }  






function AgregarPostBack()
{

if (document.getElementById("ctl00_middleContent_status").value.toString() == "ins")
  {
   if (validar()==true)
   {
    __doPostBack('InsertarPostBack','null');
   }
  }
  
if (document.getElementById("ctl00_middleContent_status").value =="selected")
  {
    
    document.getElementById("ctl00_middleContent_txtID").value = "";
    document.getElementById("ctl00_middleContent_txtNOMBRE").value = "";
    document.getElementById("ctl00_middleContent_txtAPELLIDO").value = "";
    document.getElementById("ctl00_middleContent_txtDOB").value = "";
    document.getElementById("ctl00_middleContent_selextSEX").value = "M";
    document.getElementById("ctl00_middleContent_lblAlert").value = "Modo: Insertando...";
  }
  document.getElementById("ctl00_middleContent_status").value = "ins";

    
}

// ]]>
    </script>

    <div id="datos">
        <div id="comando">
            <a href="#" onclick="JavaScript:AgregarPostBack();" shape="circle" type="text/asp"
                target="_self">
                <img id="AgregarButton" border="0" src="Images/AñadirButton.gif" alt="Click para Agregar Paciente" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#" onclick="JavaScript:ModificarPostBack();" shape="circle" type="text/asp"
                target="_self">
                <img id="ModificarButton" border="0" src="Images/modificarButton.gif" alt="Click para Agregar Paciente" /></a>
            
            </br>
        </div>
        <table class="style3">
            <tr>
                <td class="style5">
                    No. Paciente
                    <td class="style6">
                        <input id="txtID" disabled="disabled" type="text" runat="server" />
                        
                    </td>
            </tr>
            <tr>
                <td class="style5">
                    Nombre
                </td>
                <td class="style6">
                    <input id="txtNOMBRE" type="text" runat="server" onblur="javascript:validartexto('txtNOMBRE');" />
                </td>
            </tr>
            <tr>
                <td class="style5">
                    Apellido
                </td>
                <td class="style6">
                    <input id="txtAPELLIDO" type="text" runat="server" onblur="javascript:validartexto('txtAPELLIDO');" />
                </td>
            </tr>
            <tr>
                <td class="style5">
                    Fecha de Nacimiento
                </td>
                <td class="style6">
                    <input id="txtDOB" type="text" maxlength="10" runat="server"  />
                </td>
            </tr>
            <tr>
                <td class="style5">
                    Sexo
                </td>
                <td class="style6">
                    <select id="selextSEX" name="D2" runat="server">
                        <option>F</option>
                        <option>M</option>
                    </select>
                </td>
            </tr>
        </table>
        <asp:Label ID="lblAlert" runat="server"></asp:Label>
    </div>
    <br />
    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</asp:Content>
